<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分区元素</title>
</head>
<body>
<!--块级区分元素 默认宽度为父宽度的100% 高度为0靠内容撑起来-->
我是文字
<div style="background-color: red;">我是文字</div>
我是文字
<!--行内分区元素 不会换行，用来选中一行中的一部分-->
<br>
今天是<span style="color: blue;">星期二</span>，天气晴朗
<hr>
<div class="header">头部</div>
<div class="nav">导航</div>
<div class="main">主体</div>
<div class="aside">侧边栏</div>
<div class="footer">页脚</div>
<hr>
<header>头部</header>
<nav>导航</nav>
<aside>侧边栏</aside>
<main>主体内容</main>
<section>区域</section>
<article>文章</article>
<footer>页脚</footer>
</body>
</html>